body{
	/*background: #F4F6F7;*/
	background: url(../images/activity/background.png) no-repeat;
	background-size: cover;
}
/*banner*/
.activity-banner{
	width: 100%;
}
.activity-banner img{
	width: 100%;
}


/*活动类型*/
.activity-type-wrap{
	width: 100%;
	height: 114px;
	position: relative;
	background: transparent;
}
.activity-type-wrap>.vertical-center{
	width: 85%;
	height: 46px;
	box-sizing: border-box;
	overflow: hidden;
	border: 3px solid #FB7A2F;
	border-radius: 23px;
	display: flex;
	align-items: center;
}
.activity-type-wrap>.vertical-center h2{
	flex: 1;
	height: 100%;
	line-height: 40px;
	text-align: center;
}
.activity-type-wrap>.vertical-center h2.active{
	color: #fff;
	position: relative;
}
.activity-type-wrap>.vertical-center .switch{
	display: block;
	content: "";
	width: 50%;
	height: 100%;
	border-radius: 23px;
	background: #FB7A2F;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0%;
}


/*活动详情*/
.activity-details{
	display: none;
}
.activity-details.active{
	display: block;
}
.activity-card{
	width: 100%;
	height: 122px;
	box-sizing: border-box;
	padding: 15px 20px;
	margin-bottom: 25px;
	box-shadow: 0 2px 2px rgba(0,0,0,.1),0 -2px 2px rgba(0,0,0,.1);
	display: flex;
}
@media screen and (max-width: 360px) {
	.activity-card{
		padding: 15px 0;
	}
}

	/*详情图片*/
.activity-card .picture{
	width: 92px;
	height: 92px;
	box-sizing: border-box;
	background: #007AFF;
	float: left;
}
.activity-card .picture img{
	width: 100%;
	height: 100%;
}
	/*详情内容*/
.activity-card .content{
	flex: 1;
	margin-left: 8px;
}
.activity-card .content .title {
	width: 100%;
}
.activity-card .content .title h3 a{
	font-weight: 700;
	float: left;
	color: #1A1A1A;
}
.activity-card .content .title span{
	float: right;
	line-height: 18px;
	position: relative;
}
.activity-card .content .title span:before{
	width: 15px;
	height: 15px;
	content: '';
	display: inline-block;
	position: absolute;
	top: 1px;
	left: -17px;
	background: url(../images/activity/date.png);
	background-size: 15px 15px;
}


.activity-card .content .details{
	width: 100%;
	height: 36px;
	line-height: 18px;
	margin-top: 6px;
}
.activity-card .content .details a{
	color: #454545;
}
.activity-card .content .line{
	width: 100%;
	height: 1px;
	margin: 6px 0;
	background: #E9E9E9;
}

.activity-card .content .icon-wrap{
	width: 100%;
	height: 30px;
	display: flex;
}
.activity-card .content .icon-wrap>div{
	flex: 1;
	text-align: center;
}
.activity-card .content .icon-wrap .icon{
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-right: 2px;
	position: relative;
	top: 1px;
}
.activity-card .content .icon-wrap .icon.icon-comment{
	background: url(../images/activity/comment.png) no-repeat;
	background-size: 15px 15px;
}
.activity-card .content .icon-wrap .icon.icon-laud{
	background: url(../images/activity/laud.png) no-repeat;
	background-size: 15px 15px;
}
.activity-card .content .icon-wrap .icon.icon-share{
	background: url(../images/activity/share.png) no-repeat;
	background-size: 15px 15px;
}


/*垂直居中*/
.vertical-center{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}